<template>
  <div class="yt">
    <el-row class="nmd">
      <el-container>
        <el-header>顶部</el-header>
        <el-container>
          <el-main style="background-color: #fff;
    border: 1px solid #eae6e3;">
            <router-link to="/wdtiw/wd" style="padding:10px;">
              <el-button type="warning">全部问题</el-button>
            </router-link>
            <router-link to="/wdtiw/wd" style="padding:10px;">
              <el-button type="warning">我要提问</el-button>
            </router-link>
            <div>
              <el-avatar class="jk" :src="`/avatar/1.jpg`"></el-avatar>
              <div class="jkl">
                <a href style="text-decoration: none;color: #000;">心食谱厨友(117.177.78.65)</a>
                <a href="/" style="text-decoration: none;color: #000;">
                  <i class="qa el-icon-plus">关注</i>
                </a>
              </div>
            </div>
            <div>
              <p>添加答案</p>
              <el-input type="textarea" :autosize="{ minRows: 8, maxRows: 10}"></el-input>
            </div>
            <div class="mk">
              <el-button style="padding:10px;">上传图片</el-button>
              <el-button style="padding:10px;" type="warning">提交答案</el-button>
            </div>
            <div class="ee" style="background-color: #fff;
    border: 1px solid #eae6e3;">
              <router-link style="text-decoration: none;color: #000;" to="/daohang/wd/1">美食问答</router-link>
              <div class="ee">
                <router-link
                  style="text-decoration: none;color: #000;"
                  to="/daohang/wd/1"
                >1.油酥饼活面，发酵母，泡打粉，和糖的比例？</router-link>
                <div class="tu">
                  <router-link
                    style="text-decoration: none;color: #000;"
                    to="/daohang/wd/1"
                  >2.油酥饼面里面放小苏打和碱面吗</router-link>
                  <div class="tu">
                    <router-link
                      style="text-decoration: none;color: #000;"
                      to="/daohang/wd/1"
                    >3.油酥饼怎么才会凉了不硬？</router-link>
                    <div class="tu">
                      <router-link
                        style="text-decoration: none;color: #000;"
                        to="/daohang/wd/1"
                      >4.我做的山西油酥饼为什么不酥</router-link>
                      <div class="tu">
                        <router-link
                          style="text-decoration: none;color: #000;"
                          to="/daohang/wd/1"
                        >5.油酥饼的面怎么活</router-link>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- <div style="border: 1px solid #eae6e3;background-color: #fff;">
              <p>
                <router-link style="text-decoration: none;color: #000;" to="/daohang">油酥饼的做法</router-link>
              </p>
              <div class="img_wrap">
                <router-link class="rt" style="text-decoration: none;color: #000;" to="./daohang">
                  <el-image style="width: 100px; height: 100px;" :src="`/avatar/1.jpg`"></el-image>
                  <div style="text-align: center;">苏格兰Shortbread奶油酥饼</div>
                </router-link>
                <router-link class="rt" style="text-decoration: none;color: #000;" to="./daohang">
                  <el-image style="width: 100px; height: 100px;" :src="`/avatar/1.jpg`"></el-image>
                  <div style="text-align: center;">苏格兰Shortbread奶油酥饼</div>
                </router-link>
                <router-link class="rt" style="text-decoration: none;color: #000;" to="./daohang">
                  <el-image style="width: 100px; height: 100px;" :src="`/avatar/1.jpg`"></el-image>
                  <div style="text-align: center;">苏格兰Shortbread奶油酥饼</div>
                </router-link>
              </div>
            </div>-->
          </el-main>

          <el-aside width="300px" style="background-color: #fff; border: 1px solid #eae6e3;">
            小知识
            <div class="er">
              <router-link style="text-decoration: none;color: #000;" to="/xiaozhis">1.苏打粉做法指导</router-link>
            </div>
            <div class="er">
              <router-link style="text-decoration: none;color: #000;" to="/xiaozhis">2.苏打粉知识介绍</router-link>
            </div>
            <div class="er">
              <router-link style="text-decoration: none;color: #000;" to="/xiaozhis">3.苏打粉营养分析</router-link>
            </div>
            <div class="er">
              <router-link style="text-decoration: none;color: #000;" to="/xiaozhis">4.小苏打粉简介</router-link>
            </div>
            <div class="er">
              <router-link style="text-decoration: none;color: #000;" to="/xiaozhis">5.厨房的清洁剂-小苏打</router-link>
            </div>
            <div class="er">
              <router-link style="text-decoration: none;color: #000;" to="/xiaozhis">6.苏打饮料罐装茶品伤牙</router-link>
            </div>
          </el-aside>
        </el-container>
      </el-container>
    </el-row>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.yt {
  // padding: 250px;
}

.jk {
  margin: 10px;
}

.mk {
  padding: 10px 0 20px 480px;
}

.tu {
  padding: 10px 20px 20px 0;
}

.rt {
  width: 250px;
  display: inline-block;
}
.img_wrap {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.ee {
  padding: 10px 20px;
}

.er {
  padding: 10px;
}
</style>